<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta charset="utf-8" />
<title>添加栏目</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />

<link rel="stylesheet" href="${ctx}/css/bootstrap.min.css" />
<link rel="stylesheet" href="${ctx}/css/font-awesome.min.css" />
<link rel="stylesheet" href="${ctx}/css/jquery-ui.custom.min.css" />
<link rel="stylesheet" href="${ctx}/css/fc-fonts.css" />
<link rel="stylesheet" href="${ctx}/css/fc.min.css" />
<link rel="stylesheet" href="${ctx}/css/jquery.gritter.css" />
<!--[if lte IE 9]>
	<link rel="stylesheet" href="${ctx}/css/fc-part2.min.css" />
<![endif]-->
<link rel="stylesheet" href="${ctx}/css/fc-skins.min.css" />
<link rel="stylesheet" href="${ctx}/css/fc-rtl.min.css" />

<style type="text/css">
	thead th{
 		align: center; 
	}
	.colmun-data tr{
/* 		height: 40px; */
	}
	.colmun-data tr td{
/* 		height: 20px; */
	}
	.column-lable{
		text-align: right;
		padding-top: 5px;
		width: 150px;
	}
	.star-notNull{
		font: 14px Verdana,Arial,Helvetica,sans-serif;
		color: red;
		padding: 12px 0 0 5px;
	}
	
	.margin-bottom-10{
		margin-bottom: 10px;
	}
	
	.column-container{
		background: none repeat scroll 0 0 #ffffff;
	    border-color: #cde6ff;
	    border-right: 1px solid #cde6ff;
	    border-style: solid;
	    border-width: 1px;
	    margin: 10px;
	    padding: 10px 15px;
	}
	.help-tip{
		margin: 10px 5px 5px;
	}
</style>
<!--[if lte IE 9]>
  <link rel="stylesheet" href="${ctx}/css/fc-ie.min.css" />
<![endif]-->

<!--[if lte IE 8]>
<script src="${ctx}/js/html5shiv.js"></script>
<script src="${ctx}/js/respond.min.js"></script>
<![endif]-->

	<!--[if !IE]> -->
	<script type="text/javascript">
		window.jQuery
				|| document.write("<script src='${ctx}/js/jquery2.1.0.min.js'>"
						+ "<"+"/script>");
	</script>
	<!-- <![endif]-->

	<!--[if IE]>
	<script type="text/javascript">
	 	window.jQuery || document.write("<script src='${ctx}/js/jquery1.11.0.min.js'>"+"<"+"/script>");
	</script>
	<![endif]-->
</head>

<body class="no-skin">
	<?include("../../inc/menu.html",{current:"post_article"}){}?>
	<div class="main-content">
		<div class="breadcrumbs" id="breadcrumbs">
			<ul class="breadcrumb">
				<li><i class="ace-icon fa fa-home home-icon"></i> <a
					href="${ctx}/admin/index">首页</a></li>
				<li class="active">添加栏目</li>
			</ul>
		</div>

		<div class="page-content" style="background-color: #f2f9fd;">
			<?include("../../inc/function.html"){}?>
			<div class="page-header" style="border: none;">
<!-- 				<h1>添加栏目</h1> -->
			</div>
			<!-- /.page-header -->
			<div class="row column-container">
			  <form action="/admin/column/saveColumn" method="POST" id="frm">
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目名称</label>
					<input type="text" name="fColumn.column_name_cn" class="col-xs-6"><label class="star-notNull" >*</label>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目英文名称</label>
					<input type="text" name="fColumn.column_name_en" class="col-xs-6"><label class="star-notNull" >*</label>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">所属栏目</label>
<!-- 					<select name="fColumn.columnNo"> -->
<!-- 						<option value="02">顶级栏目</option> -->
<!-- 					</select> -->
					<#fc:columnSelect name="fColumn.column_no"  data=""  emptyName="顶级栏目" />
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">所属分类</label>
					<#fc:select data="${@org.yi.fc.entity.FContentType.dao.queryContentType(null,null,null,null)}" id="status" name="fColumn.content_type_id" valueName ="id" displayName="type_name_cn" selectedValue="${fcontent.content_type!''}"   />
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="栏目所属的文章类型"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目链接</label>
					<input type="text" name="fColumn.column_link" class="col-xs-6">
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="点击该栏目时的跳转链接"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目状态</label>
						<span>
							启用<input type="radio" value="启用" name="fColumn.column_status" checked="checked" style="margin-top: 8px;">&nbsp;&nbsp;
							禁用<input type="radio" value="禁用" name="fColumn.column_status">
						</span>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目列表页面模板</label>
					<select name="fColumn.column_list_template">
						<option>index.html</option>
					</select>
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="该栏目列表页面所使用的模板的文件名称"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目内容页面模板</label>
					<select name="fColumn.column_content_template">
						<option>index.html</option>
					</select>
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="该栏目内容页面所使用的模板的文件名称"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目列表生成目录</label>
					<input type="text" name="fColumn.column_list_path" class="col-xs-6" value="{sitepath}/finalcms/newslist/"/>
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="页面静态化时，生成栏目列表页面文件后所存放的目录"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目内容生成目录</label>
					<input type="text" name="fColumn.column_content_path" class="col-xs-6" value="{sitepath}/finalcms/news/"/>
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="页面静态化时，生成栏目内容页面文件后所存放的目录"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目列表页面命名</label>
					<input type="text" name="fColumn.column_list_name" class="col-xs-6" value="list-{sortid}-{page}"/><label class="star-notNull" style="color: black;">.html</label>
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="页面静态化时，生成栏目列表页面文件的命名规则"/>
				</div>
				<div class="col-xs-12 margin-bottom-10 ">
					<label class="col-xs-2 column-lable">栏目内容页面命名</label>
					<input type="text" name="fColumn.column_content_name" class="col-xs-6" value="{y}-{m}-{d}/{id}"/><label class="star-notNull" style="color: black;">.html</label>
					<img src="/img/help.gif" class="help-tip white" data-rel="tooltip" data-placement="right" title="页面静态化时，生成栏目内容页面文件的命名规则"/>
				</div>
				<div>
					<input type="submit" value="保存" /><input type="button" value="返回" onclick="window.history.back();" /> 
				</div>
			 </form>								
		  </div> <!-- end row -->
	</div>
		<!-- /.page-content -->
</div>
	<!-- /.main-content -->

	<?include("../../inc/footer.html"){}?>
	
	<script type="text/javascript">
		if ('ontouchstart' in document.documentElement)
			document
					.write("<script type='text/javascript' src='${ctx}/js/jquery.mobile.custom.min.js'>"
							+ "<"+"/script>");
	</script>
	<script type="text/javascript" src="${ctx}/js/bootstrap.min.js"></script>

	<!--[if lte IE 8]>
		  <script type="text/javascript" src="${ctx}/js/excanvas.min.js"></script>
	<![endif]-->
	
	<!-- 消息提示框插件 -->
	<script type="text/javascript" src="${ctx}/js/jquery.gritter.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/fc-extra.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/fc.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/utils/util.js"></script>
	
	<script type="text/javascript">
		$('[data-rel=tooltip]').tooltip();
	</script>
</body>
</html>
